
      <template>
        <div class="block">
          <el-carousel height="450px" width="1000px">
            <el-carousel-item v-for="item in img" :key="item">
              <img :src="item" class="zou">
            </el-carousel-item>
          </el-carousel>
        </div>
      </template>

<script>
  export default {
    name: "SlideShow",
    data() {
      return {
        img: [
          'https://bianke.cnki.net/resources/imagesTemp/platForm/index-pic180527.jpg',
          'https://bianke.cnki.net/resources/imagesTemp/platForm/index-pic2021102803.jpg',
          'https://bianke.cnki.net/resources/imagesTemp/platForm/index-pic2021102801.jpg'
        ]
      }
    }
  }
</script>

<style scoped>
  .zou {
    height: 450px;
    width: 100%;
  }
  .block-1 {
    background-color: #42b983;
    height: 450px;
  }

</style>
